<!-- 
  模板编译：
    模板是vue中非常常用的部分，一个组件通常必备一个模板。模板不是html。模板中有指令，有插值，有JS表达式，
    那么模板到底是什么？ 
    答：A)模板最终肯定需要转化成js代码(render函数)。
       B)原生html不识别指令，html是静态标记语言，不具备运算能力。

    vue-template-complier将模板编译成render函数。执行render函数生成vnode。
    在开发环境下，使用webpack的vue-loader，会编译模块。

    基于vnode再执行patch和diff。

  with语法：
    1）改变作用域链
    2）慎用，它打破了作用域规则，不易读。
    3）如果找不到，会报错
 -->
<!-- <script>
  const obj = { a: 100, b: 200 };
  console.log(obj.a);
  console.log(obj.b);
  console.log(obj.c);  // und

  // 使用width，能改变{}中数据的查找机制
  with (obj) {
    console.log(a);
    console.log(b);
    console.log(c); // 找不到，报错
  }
</script> -->